.pull-refresh {
  height: 100%;
  .pulldown,
  .toload,
  .load_date,
  .finish {
    display: none;
  }
  .bodyer {
    padding: 0;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
  }
}

.pull-refresh {
  > div {
    padding: 5px 0;
    min-height: 40px;
  }
  &.down {
    .pulldown {
      display: block;
      -webkit-transition-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  &.toload {
    .toload {
      display: block;
    }
  }
  &.loading {
    .load_date {
      display: block;
    }
  }
  &.loaded {
    .finish {
      display: block;
    }
  }
  &.down,
  &.toload,
  &.loading,
  &.loaded {
    .bodyer {
      -webkit-box-shadow: 0 -3px 5px #ccc;
      box-shadow: 0 -3px 5px #ccc;
    }
  }
}

@-webkit-keyframes show-hide {
  from {
    display: block
  }
  to {
    display: none
  }
}

@keyframes show-hide {
  from {
    display: block
  }
  to {
    display: none
  }
}
